用javascript计算PPI

您所在的位置:网站首页 屏幕 ppi 计算 用javascript计算PPI

用javascript计算PPI

2023-10-12 07:25| 来源: 网络整理| 查看: 265

Intro

为了计算PPI,写一个js??肯定不是这样的,是写一个js循环计算多个常见尺寸的ppi,一个个手敲那不符合我的风格。。

分辨率

1k 1920X1080 2k 2560X1440 4k 3840x2160

这里需要注意的就是只谈分辨率不谈PPI大都是流氓,1080P在13寸和27寸的感受天差地别。。。因此我们需要了解PPI.

PPI || DPI

首先明确DPI和PPI的意思: PPI(Pixels Per Inch)像素密度: 每英寸所拥有的像素数量。 DPI(Dots Per Inch) 每英寸点数):指每一英寸长度中,取样、可显示或输出点的数目。衡量打印机打印精度的主要参数之一。 更详细内容可以阅读第一话——什么是 DPI,什么又是 PPI ? PeterZ(ps,里面的ppi计算公式不认同)。

也就是说DPI衡量打印机和鼠标精度,而不是说显示器、屏幕。后者用PPI来描述。越高PPI显示越细腻越逼真越贵。。越少看到像素点带来的粗糙感、像素感。。而Apple的Retina屏幕不过是超高PPI换了个名称而已。

结论:手机一般超过 300 PPI为好, 笔记本电脑上至少需要 150 PPI 才能避免直接看到像素点,而 200 PPI 以上才能算得上优秀

计算公式 PPI = sqrt(H^2 + V^2) / Inch 案例代码

全部代码参见JsDemo - PPI

function calppi() { var width = document.getElementById("width").value; var height = document.getElementById("height").value; var inch = document.getElementById("inch").value; var ppi = Math.sqrt(Math.pow(width, 2) + Math.pow(height, 2)) / inch; document.getElementById("ppi").value = ppi; } Demo

为了证明上面的计算公式,搬出了iphone小刚炮规格手册进行验证:可以看到计算结果表面iphone SE虚标了0.3多一丢丢。

iPhone SE 技术规格 4.7 英寸 (对角线) LCD 宽屏多点触控显示屏,采用 IPS 技术 1334 x 750 像素分辨率,326 ppi

在这里插入图片描述 再举个13寸笔记本2K屏 在这里插入图片描述

常见显示器PPI

24寸都是23.8寸五入

分辨率尺寸(inch)PPI1k23.892.552K23.8123.414K23.8183.572K27108.784K27163.17 Refer

下面几个首先屏幕不谈DPI,其次结果不对劲。。 Javascript-从JS / CSS检测系统DPI / PPI?

dpi_x: 133.95348837209303 dpi_y: 133.95348837209303

javascript获得屏幕的DPI xqdak

arrDPI: Array [ 96, 96 ]

计算笔记本电脑PPI的JavaScript小工具 KimSoft

parseInt(Math.sqrt(Math.pow(this.width, 2) + Math.pow(this.height, 2)) / inch)

iPhone SE 技术规格

屏幕ppi计算器在线

JsDemo - PPI

第一话——什么是 DPI,什么又是 PPI ? PeterZ



【本文地址】


今日新闻


推荐新闻


CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3